<template>
  <div class="weChatContent">
    <!-- 顶部账号管理 -->
    <!-- <AccountBar
      :personal-list="personalList"
      :online-count="onlinePersonCount"
      :total-count="totalPersonCount"
      @logout="handleLogout"
      @add-account="openQrcodeDialog"
    /> -->

    <!-- 主体区域 -->
    <div v-if="false" class="main-area">
      <!-- <SidebarTabs
        :active-tab="messageListType"
        :unread-count="unreadCount"
        :adduser-sections="adduserSections"
        @tab-change="handleTabChange"
      /> -->
      <div class="list-area">
        <!-- <MessageList
          v-if="messageListType === 'message'"
          :conversations="conversations"
          @select="handleSelectConversation"
        />
        <UserList
          v-else-if="messageListType === 'users'"
          :users-sections="usersSections"
          :is-create-group="isCreatGroup"
          @select="handleSelectUser"
          @create-group="creatGroup"
          @cancel-create-group="cancelCreateGroup"
        />
        <GroupList
          v-else-if="messageListType === 'group'"
          :group-sections="groupSections"
          @select="handleSelectGroup"
        />
        <AddUserList
          v-else-if="messageListType === 'adduser'"
          :adduser-sections="adduserSections"
          @accept-friend="handleAcceptFriend"
          @add-friend-dialog="showAddFriendDialog = true"
        /> -->
      </div>
      <div class="content-area">
        <!-- <MessageContent
          v-if="showMessageContent"
          :message-content="messageContent"
          :message-body="messageBody"
          :options-value="optionsvalue"
          :options="options"
          :is-loading="isLoading"
          :has-more="hasMore"
          :scrollbar-ref="scrollbarRef"
          @send-message="sendMessage"
          @load-more="loadMoreMessages"
          @transcribe-audio="handleTranscribeAudio"
          @add-tag="addTag"
          @delete-tag="deleteTag"
          @refresh-activities="refreshCustomerActivities"
        />
        <EmptyContent v-else /> -->
      </div>
    </div>
    <!-- <LoginTip v-else @add-account="openQrcodeDialog" /> -->

    <!-- 扫码登录弹窗 -->
    <!-- <QrcodeDialog
      v-model="dialogAddAccount"
      :qrcode-url="qrcodeUrl"
      :qrcode-status="qrcodeStatus"
      :is-error="isQrcodeError"
      @refresh="generateQrcode"
    /> -->
    <!-- 标签管理弹窗 -->
    <!-- <TagDialog
      v-model="tagDialogVisible"
      :tag-options="tagOptions"
      :selected-tags="selectedTags"
      :new-tag="newTag"
      @select-tag="handleTagSelect"
      @add-custom-tag="handleCustomTag"
      @confirm="confirmAddTag"
    /> -->
    <!-- 添加好友弹窗 -->
    <!-- <AddFriendDialog
      v-model="showAddFriendDialog"
      :wx-id="personalList.length ? personalList[0].wx_id : ''"
      @success="onAddFriendSuccess"
    /> -->
  </div>
</template>

<script setup lang="ts">
// 1. 引入依赖和类型
// ...
</script>

<style scoped lang="scss">
.weChatContent {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.main-area {
  display: flex;
  flex: 1;
  min-height: 0;
}
.list-area {
  width: 320px;
  border-right: 1px solid #eee;
  background: #fafbfc;
  overflow-y: auto;
}
.content-area {
  flex: 1;
  min-width: 0;
  background: #fff;
  overflow-y: auto;
}
</style>
